<template>
	<div class="community">
		<van-nav-bar title="我的社区" left-text="返回" left-arrow @click-left="ret()" @click-right="subw()" class="nav">
		  <template #right>
		    <van-icon name="plus" size="20" />
		  </template>
		</van-nav-bar>
		<!-- 社区界面 -->
		<router-view></router-view>
		<van-tabbar v-model="active">
		  <van-tabbar-item icon="home-o"><router-link class="tab-item" to="/First">首页</router-link></van-tabbar-item>
		  <van-tabbar-item icon="friends-o" @click="Community()">社区</van-tabbar-item>
		  <van-tabbar-item icon="user-o"><router-link class="tab-item" to="/Mine">个人中心</router-link></van-tabbar-item>
		</van-tabbar>
	</div>
</template>

<script>
	export default{
		name:'community',
		data() {
		    return {
		      active:0,
		    };
		},
		created(){
			this.$router.push({path:'CitChild'})
		},
		methods:{
			ret(){
				this.$router.push({path:'First'});
			},
			subw(){
				this.$router.push({path:'Subw'});
			},
			Community(){
				this.$router.push({path:'Community'})
			}
		}
	}
</script>

<style scoped>
	.community{
		height: 100%;
		background-color: #FAFAFA;
		padding-bottom: 50px;
	}
	.nav{
		width: 345px;
		position: fixed;
		top: 0px;
	}
</style>
